<template>
    <div>
        <div class="banner">
            <img src="@/assets/images/index/banner.jpg" alt="" srcset="">
        </div>
        <div class="content">
            <div class="title">
                <span class="title-name">学员作品</span>
                <span class="title-englishname">STUDENT WORKS COLLECTION</span>
            </div>
            <ul>
                <li class="m-r">
                    <img src="../assets/images/works/1.png" alt="">
                    <p class="m-b">学员项目感悟：景瓷项目是由小组一同完成的，从我们项目立项到设计呈现过程，一开始我们就进行小组分工及任务的安排，让我们对在实际工作中的设计流程有更好的了解及体会，在其中我们也会有很多自己的看法，最后我们同意整合统一，让我们体会到一个项目不是简简单单的就可以完成，而是通过组员或者部门间的沟通不断完善，以致最终项目的落地。
                    </p>
                </li>
                <li>
                    <img src="../assets/images/works/2.png" alt="">
                    <p class="m-b">学员项目感悟：通过该项目设计，我了解到了一个APP从策划构思到视觉交互的实现的整个过程。在每一个环节都能总结其研究与实现技巧，在项目设计中，了解行业，增加自己的设计与逻辑水平。在知识理论支持下的，根据实际需求进行设计。总之对我来说受益非浅，希望在今后能够把该项目再做完善，让自己不断进步。</p>
                </li>
                <li class="m-r">
                    <img src="../assets/images/works/3.png" alt="">
                    <p class="m-b">学员项目感悟：音律是一款音乐的APp，整体是以重构一款app，从前期竞品分析到后续的设计搞得落地，其中有很多细节的调整及问题，在设计过程中也体会到UI界面细节的重要性及设计中的思考，当界面完成时，感觉非常的有成就感。</p>
                </li>
                <li>
                    <img src="../assets/images/works/4.png" alt="">
                    <p class="m-b">学员项目感悟：虽然学习过三年的PS，但是感觉自己对设计的认识还仅仅只是停留在软件使用的层面，每当自己要着手设计的时候，总感觉无从下手。非常感谢迅科教育为我们提供的项目实训，让我认识对UI设计有了更深刻的认识，同时掌握了许多设计技巧。迅科教育的设计师让我感触最深的一点就是，他们给我们带来的不仅仅只是软件的操作方式，更多的是设计技巧，设计思路，设计理念，让我们对UI设计能做到举一反三。</p>
                </li>
                <li class="m-r">
                    <img src="../assets/images/works/5.png" alt="">
                    <p class="m-b">学员项目感悟：一直以来都知道html5非常火热，但是以往自己对html5的认识还仅仅只是停留在切图、排版写样式、写JS这个层面上。对于当下html5能用于什么领域，开发什么项目还不是特别了解，经过这次学习，让我对前端有了深刻而全面的了解。学习了大数据时代的html5前端框架和移动端框架，还有html5开发hybird app技术。我们的小组通过本次学习，也开发了自己的第一款app作品。</p>
                </li>
                <li>
                    <img src="../assets/images/works/6.png" alt="">
                    <p class="m-b">学员项目感悟：进过这次的项目学习，我对项目开发流程，MVC开发模式，具体项目操作都有了更深刻的了解，迅科教育的工程师们，授课深入浅出，多方比拟，从课程中学到很多知识，有人说程序员是苦逼的，但是我更知道苦逼和牛逼往往只在一线之间，学成则牛逼，反之则苦逼！我们小组五人，在张工程师的指导下，完成了我们小组的第一个app作品——项目管理系统，我相信有了这次的跨越，我们后面的开发道路会越来越顺，感谢迅科的张老师。</p>
                </li>
                <li class="m-r">
                    <img src="../assets/images/works/7.png" alt="">
                    <p>学员项目感悟：这次的项目我们使用的是sencha touch框架。通过sencha touch 设计整个作品的前端框架让我们的效率得到了非常大提高，比起我们以往的开发效率可谓天壤之别。这次项目学习感受最深的是迅科教育的教学方式，都是以项目为驱动，通过项目来带领大家学习，让我们对项目开发有了更深刻的认识。而且在学习过程中，我们还接触了许多付费外包项目，工程师带领我们小组完成了多个外包项目，不仅积累了项目知识，还收获了一笔项目奖金。</p>
                </li>
                <li>
                    <img src="../assets/images/works/8.png" alt="">
                    <p>学员项目感悟：这次的项目我们使用的是sencha touch框架。通过sencha touch 设计整个作品的前端框架让我们的效率得到了非常大提高，比起我们以往的开发效率可谓天壤之别。这次项目学习感受最深的是迅科教育的教学方式，都是以项目为驱动，通过项目来带领大家学习，让我们对项目开发有了更深刻的认识。而且在学习过程中，我们还接触了许多付费外包项目，工程师带领我们小组完成了多个外包项目，不仅积累了项目知识，还收获了一笔项目奖金。</p>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
    export default {}
</script>

<style scoped>
    img{
        max-width: 100%;
    }
    * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .m-r{
        margin-right: 53px;
    }

    .m-b{
        margin-top: 38px;
    }

    .content {
        padding: 83px 0 151px 0;
        box-sizing: border-box;
    }

    .content .title .title-name {
        width: 100%;
        font-size: 40px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        display: block;
        text-align: center;
        margin-bottom: 20px;
    }

    .content .title .title-englishname {
        width: 100%;
        font-size: 20px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: rgba(0, 144, 255, 1);
        display: block;
        text-align: center;
        margin-bottom: 96px;
    }

    .content ul {
        width: 1203px;
        margin: 0 auto;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
    }

    .content ul li p {
        width: 565px;
        height: 191px;
        font-size: 16px;
        font-family: MicrosoftYaHei;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        line-height: 29px;
    }

    @media screen and (max-width: 480px){
        .m-r{
            margin-right: 0px;
        }
        .content ul {
            width: 100%;
            margin: 0;
        }
        .content ul li{
            width: 100%;
        }
        .content ul li p{
            width: 100%;
            height: 100%;
            margin-bottom: 38px;
        }
    }
</style>